import React, { FC } from 'react'
import { NavBar, TabBar } from 'antd-mobile'
import {
  Route,
  Switch,
  MemoryRouter as Router,
} from 'react-router-dom'

import Home from './pages/Home'
import All from './pages/All'
import News from './pages/News'
import Mine from './pages/Mine'
import  Education from  "./pages/Education";


import  Bottom from  "./components/home/Bottom";

// eslint-disable-next-line import/no-anonymous-default-export
export default () => {
  return (
    <Router initialEntries={['/']}>
      <div className="app">
        <div className="top">
          <NavBar>智慧城市</NavBar>
        </div>
        <div className="body">
          <Switch>
            <Route exact path='/'>
              <Home />
            </Route>
            <Route exact path='/all'>
              <All />
            </Route>
            <Route exact path='/news' component={News}>
              
            </Route>
            <Route exact path='/mine' component={Mine}>   
            </Route>
            <Route path="/education/index" component={Education}></Route>
          </Switch>
        </div>
        <div className="bottom">
          <Bottom />
        </div>
      </div>
    </Router>
  )
}

